import { BrowserRouter, Routes, Route } from "react-router-dom";
import Layout from "./components/Layout";
import Home from "./pages/home";
import About from "./pages/about";
import Login from "./pages/login";
import DeepSeek from "./pages/deepspeek";
import DigitalHuman from "./pages/digital-human";
import DigitalHumanM from "./pages/digital-human-m";
import Danmaku from "./pages/danmaku";
import SU7 from "./pages/su7";
import HangzhouInkPainting from "./pages/hangzhou-ink-painting";
import VideoList from "./pages/video-list";
import VideoDetail from "./pages/video-detail";
import "./App.css";

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/login" element={<Login />} />
        <Route path="/" element={<Layout />}>
          <Route index element={<Home />} />
          <Route path="about" element={<About />} />
          <Route path="deepspeek" element={<DeepSeek />} />
          <Route path="digital-human" element={<DigitalHuman />} />
          <Route path="digital-human-m" element={<DigitalHumanM />} />
          <Route path="danmaku" element={<Danmaku />} />
          <Route path="su7" element={<SU7 />} />
          <Route
            path="hangzhou-ink-painting"
            element={<HangzhouInkPainting />}
          />
          <Route path="video-list" element={<VideoList />} />
          <Route path="video-detail/:id" element={<VideoDetail />} />
        </Route>
      </Routes>
    </BrowserRouter>
  );
}

export default App;
